<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ice="http://www.icesoft.com/icefaces/component"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>TODO supply a title</title>
    </h:head>
    <h:body>
        <h:form>
            <ice:panelBorder width="100%" >
                <f:facet name="north" >
                    <div style="height: 100px;position: relative;background-image: url(Imagenes/topIndex.jpg)">
                <h:outputText  value="Usuario:" ></h:outputText>
                <h:inputText id="usuario" value="#{controlUsuarios.usuario}" required="true"></h:inputText>
                <h:outputText value="Contraceña:" ></h:outputText>
                <ice:inputSecret id="clave" value="#{controlUsuarios.clave}" required="true">                 </ice:inputSecret>
                
                <h:commandButton type="submit" value="iniciar" action="#{controlUsuarios.ValidarUsuario}"  ></h:commandButton>
                    </div>
                </f:facet>
                <f:facet name="center" >
                    
                    <div style="background-image: url(Imagenes/fondoindex.png);position:relative ;left: 100px ;width: 800px;height: 600px">

                    </div>
                </f:facet>
             </ice:panelBorder>
        </h:form>
    </h:body>
</html>
